<script>
import { defineComponent } from 'vue'
import HChild from './components/HChild'
export default defineComponent ({
  name: 'App',
  components: {
    HChild
  },
  setup() {
    return {
      title: 'app 组件'
    }
  }
})
</script>

<template>
  <div class="appContainer">
    <span class="title">{{ title }}</span>
    <span class='testScss'>测试同class样式</span>
    <HChild />
  </div>
</template>

<style lang="scss" scoped>
.appContainer {

  .title {
    font-size: 24px;
    font-weight: bold;
    color: springgreen;
  }
}
</style>